<template>
  <form>
    <md-card>
      <md-card-header data-background-color="green">
        <h5 class="title">担保人</h5>
        <p class="category">担保人个数：{{this.formdata.appCautionerIdNum}}</p>
      </md-card-header>
      <md-card-content>
        <div class="md-layout">
          <DataItem title="姓名" :datacolumn="formdata.gua1CustomerName"></DataItem>
          <DataItem title="手机号码" :datacolumn="formdata.gua1Mobile"></DataItem>
          <DataItem title="证件类型" :datacolumn="formdata.gua1PaperType"></DataItem>
          <DataItem title="证件号码" :datacolumn="formdata.gua1PaperNo"></DataItem>
          <DataItem title="身份证有效期" :datacolumn="formdata.gua1PaperNoStartTime + ' ~' + formdata.gua1PaperNoEndTime"></DataItem>
          <DataItem title="出生日期" :datacolumn="formdata.gua1BirthDay"></DataItem>
          <DataItem title="年龄" :datacolumn="formdata.gua1Age"></DataItem>
          <DataItem title="性别" :datacolumn="formdata.gua1Sex"></DataItem>
          <DataItem title="与申请人关系" :datacolumn="formdata.appRelationShipCd1"></DataItem>
          <DataItem title="婚姻状况" :datacolumn="formdata.gua1MaritalStatus"></DataItem>
          <DataItem title="配偶姓名" :datacolumn="formdata.gua1PartnerName"></DataItem>
          <DataItem title="配偶证件类型" :datacolumn="formdata.gua1PartnerPaperType"></DataItem>
          <DataItem title="配偶证件号码" :datacolumn="formdata.gua1PartnerPaperNo"></DataItem>
          <DataItem title="居住省市" :datacolumn="formdata.gua1Province"></DataItem>
          <DataItem title="居住地址" :datacolumn="formdata.gua1Address"></DataItem>
          <DataItem title="户籍省市" :datacolumn="formdata.gua1ResidenceProvince"></DataItem>
          <DataItem title="住房所有权" :datacolumn="formdata.gua1HouseOwnerShip"></DataItem>
          <DataItem title="主要税后年收入" :datacolumn="formdata.gua1MainIncome"></DataItem>
          <DataItem title="现工作单位名称" :datacolumn="formdata.gua1WorkUnitName"></DataItem>
          <DataItem title="单位电话" :datacolumn="formdata.gua1WorkTelArea"></DataItem>
          <DataItem title="银行卡号" :datacolumn="formdata.gua1BankAccount"></DataItem>
          <DataItem title="银行预留手机号" :datacolumn="formdata.gua1BankMobile"></DataItem>
          <DataItem title="担保人1备注" :datacolumn="formdata.gua1Comment"></DataItem>
        </div>
      </md-card-content>
    </md-card>
  </form>
</template>
<script>
import DataItem from './DataItem.vue'
export default {
  components: {
    DataItem
  },
  props: {
    formdata: {}
  },
  data () {
    return {
      finRiskExposure: '',
      finRiskExposureRate: ''
    }
  }

}
</script>
